<!-- 综合能耗统计报表 -->
<template>
    <div class="eCBAnalysis page">
        <div class="leftContent" :class="dir == 'left' ? 'leftArrow' : 'rightArrow'">
            <img src="@/assets/images/data/25.png" class="phLogo" />

            <div class="btnList">
                <div :class="getPh(1)" @click="changePh(1)">
                    <svg
                        t="1747928189180"
                        class="icon"
                        viewBox="0 0 1024 1024"
                        version="1.1"
                        xmlns="http://www.w3.org/2000/svg"
                        p-id="5477"
                        width="20"
                        height="20"
                        xmlns:xlink="http://www.w3.org/1999/xlink"
                    >
                        <path
                            d="M735.268 102.457L250.069 521.042l260.086 82.937-203.108 317.564 519.131-384.429-272.706-80.277"
                            p-id="5478"
                            fill="#666"
                        ></path>
                    </svg>
                    <label>电</label>
                </div>
                <div :class="getPh(2)" @click="changePh(2)">
                    <svg
                        t="1747928286572"
                        class="icon"
                        viewBox="0 0 1024 1024"
                        version="1.1"
                        xmlns="http://www.w3.org/2000/svg"
                        p-id="6682"
                        xmlns:xlink="http://www.w3.org/1999/xlink"
                        width="20"
                        height="20"
                    >
                        <path
                            d="M512 981.333333a384 384 0 0 1-384-384c0-142.250667 120.234667-294.997333 356.906667-489.685333L512 85.333333l27.093333 22.314667C775.765333 302.336 896 455.082667 896 597.333333a384 384 0 0 1-384 384z m-298.666667-384a298.666667 298.666667 0 0 0 597.333334 0c0-104.490667-98.432-231.68-298.666667-401.194666C311.765333 365.696 213.333333 492.842667 213.333333 597.333333z"
                            fill="#666"
                            p-id="6683"
                        ></path>
                    </svg>

                    <label>水</label>
                </div>
                <div :class="getPh(3)" @click="changePh(3)">
                    <svg
                        t="1747928320728"
                        class="icon"
                        viewBox="0 0 1024 1024"
                        version="1.1"
                        xmlns="http://www.w3.org/2000/svg"
                        p-id="7751"
                        xmlns:xlink="http://www.w3.org/1999/xlink"
                        width="20"
                        height="20"
                    >
                        <path
                            d="M912.304593 545.311687c-3.290953-44.903699-11.742439-89.558735-24.488741-129.192408-19.523659-60.776202-48.670489-118.789477-82.055854-163.444513-9.149381-12.1886-26.776853-14.978133-39.467897-6.219655-12.69002 8.702196-15.591093 25.631774-6.497994 37.820374 29.92659 39.996946 56.17337 92.487438 73.996295 147.824767 11.463076 35.701107 19.105127 76.143191 22.090111 117.004831 10.876722 148.856259-52.966329 270.463921-176.413895 339.438852-20.222577-159.511947-149.163251-211.556277-155.104567-213.899648-7.92039-3.067872-16.902972-2.565429-24.3772 1.451048-112.26283 59.799968-144.952346 160.123884-154.434302 216.270649-111.091144-56.06183-178.61605-161.603585-178.61605-283.265482 0-81.945337 42.533722-157.866471 130.030495-232.05617 11.629875-9.873882 23.483854-19.579941 35.337833-29.287023 64.261583-52.603055 130.754996-106.963127 164.251901-189.716876 3.654226-8.925277 6.834662-17.014512 9.511631-24.321942 59.185984 39.940664 187.290617 147.769508 228.876758 354.054735 2.956332 14.7264 17.850553 24.320918 33.108049 21.476127 15.33936-2.817162 25.38004-17.042141 22.397103-31.740912C732.991672 192.401008 526.482341 79.831186 502.998487 67.838038c-0.781806-0.447185-1.616824-0.809435-2.454912-1.226944-14.000875-6.387477-30.735002-0.809435-37.597293 12.522198-1.923816 3.765767-2.843768 7.782244-2.901073 11.770068-2.648316 10.014074-13.665231 40.97318-16.176424 47.472198-28.366048 70.035076-86.631056 117.674073-148.299581 168.129208-12.105712 9.901511-24.180725 19.830651-36.09201 29.899984C160.547021 420.330184 110.397854 512.065492 110.397854 609.100502c0 156.583245 95.472422 290.349831 249.154593 349.033371 3.347235 1.283226 6.888897 1.89721 10.402931 1.89721 5.635347 0 11.212366-1.590218 16.009625-4.742001 7.782244-5.076622 12.412704-13.583366 12.328793-22.593578-0.027629-5.52176 0.418532-131.645273 116.503411-202.044646 30.652114 16.902972 110.786199 73.216535 110.786199 201.042829 0 9.231245 4.880147 17.84953 12.94073 22.814612 8.087189 4.993734 18.240433 5.744841 26.997887 1.896186C833.512063 883.356796 925.77642 729.648019 912.304593 545.311687M471.703737 113.022123c-1.226944-0.837064-2.343371-1.757017-3.319605-2.733251C469.417671 111.292736 470.505445 112.213711 471.703737 113.022123"
                            p-id="7752"
                            fill="#666"
                        ></path>
                    </svg>
                    <label>气</label>
                </div>
                <div :class="getPh(4)" @click="changePh(4)">
                    <svg
                        t="1747928368530"
                        class="icon"
                        viewBox="0 0 1024 1024"
                        version="1.1"
                        xmlns="http://www.w3.org/2000/svg"
                        p-id="8969"
                        xmlns:xlink="http://www.w3.org/1999/xlink"
                        width="20"
                        height="20"
                    >
                        <path
                            d="M512 754.036364c-132.654545 0-242.036364-109.381818-242.036364-242.036364S379.345455 269.963636 512 269.963636 754.036364 379.345455 754.036364 512 644.654545 754.036364 512 754.036364z m0-430.545455c-104.727273 0-188.509091 83.781818-188.509091 188.509091s83.781818 188.509091 188.509091 188.509091 188.509091-83.781818 188.509091-188.509091-83.781818-188.509091-188.509091-188.509091zM512 216.436364c-13.963636 0-27.927273-11.636364-27.927273-27.927273V27.927273c0-16.290909 13.963636-27.927273 27.927273-27.927273s27.927273 11.636364 27.927273 27.927273v160.581818c0 13.963636-13.963636 27.927273-27.927273 27.927273zM512 1024c-13.963636 0-27.927273-11.636364-27.927273-27.927273v-160.581818c0-13.963636 11.636364-27.927273 27.927273-27.927273 13.963636 0 27.927273 11.636364 27.927273 27.927273v160.581818c0 16.290909-13.963636 27.927273-27.927273 27.927273zM188.509091 539.927273H27.927273C11.636364 539.927273 0 525.963636 0 512s11.636364-27.927273 27.927273-27.927273h160.581818c13.963636 0 27.927273 11.636364 27.927273 27.927273 0 13.963636-13.963636 27.927273-27.927273 27.927273zM996.072727 539.927273h-160.581818c-13.963636 0-27.927273-11.636364-27.927273-27.927273 0-13.963636 11.636364-27.927273 27.927273-27.927273h160.581818c13.963636 0 27.927273 11.636364 27.927273 27.927273 0 13.963636-11.636364 27.927273-27.927273 27.927273zM242.036364 269.963636c-6.981818 0-13.963636-2.327273-18.618182-6.981818L116.363636 153.6c-11.636364-9.309091-11.636364-27.927273 0-37.236364 11.636364-11.636364 27.927273-11.636364 37.236364 0l107.054545 107.054546c11.636364 11.636364 11.636364 27.927273 0 37.236363-4.654545 6.981818-11.636364 9.309091-18.618181 9.309091zM134.981818 916.945455c-6.981818 0-13.963636-2.327273-18.618182-6.981819-11.636364-11.636364-11.636364-27.927273 0-37.236363l107.054546-107.054546c11.636364-11.636364 27.927273-11.636364 37.236363 0 11.636364 11.636364 11.636364 27.927273 0 37.236364L153.6 907.636364c-4.654545 6.981818-11.636364 9.309091-18.618182 9.309091zM889.018182 916.945455c-6.981818 0-13.963636-2.327273-18.618182-6.981819l-107.054545-107.054545c-11.636364-11.636364-11.636364-27.927273 0-37.236364 11.636364-11.636364 27.927273-11.636364 37.236363 0l107.054546 107.054546c11.636364 11.636364 11.636364 27.927273 0 37.236363-4.654545 4.654545-11.636364 6.981818-18.618182 6.981819zM781.963636 269.963636c-6.981818 0-13.963636-2.327273-18.618181-6.981818-11.636364-11.636364-11.636364-27.927273 0-37.236363L870.4 116.363636c11.636364-11.636364 27.927273-11.636364 37.236364 0 11.636364 11.636364 11.636364 27.927273 0 37.236364l-107.054546 107.054545c-4.654545 6.981818-11.636364 9.309091-18.618182 9.309091z"
                            p-id="8970"
                            fill="#666"
                        ></path>
                    </svg>
                    <label>热</label>
                </div>
            </div>

            <div class="searchContent">
                <timeCard @changeDate="(value) => (value1 = value)" />
                <div class="searchItem">
                    <el-select v-model="hy" placeholder="请选择" style="width: 100%">
                        <el-option label="荷园01" value="1"></el-option>
                        <el-option label="荷园02" value="2"></el-option>
                    </el-select>
                </div>

                <div class="searchItem">
                    <label class="label">区域建筑/部门：</label>
                    <treeSelect
                        :treeProps="props"
                        :options="treeSelectList"
                        v-model="parentId"
                        :clearable="isClearable"
                        :accordion="isAccordion"
                        :expandNode="false"
                        size="small"
                        width="100%"
                        @getValue="getValue($event)"
                    />
                </div>
                <div class="searchItem">
                    <label class="label">建筑类别：</label>
                    <el-select v-model="jzlb" placeholder="请选择" multiple collapse-tags>
                        <el-option label="公共教学" value="shanghai"></el-option>
                        <el-option label="公共教学2" value="beijing"></el-option>
                    </el-select>
                </div>

                <!-- <div class="searchItem">
                    <label class="label">统计单位：</label>
                    <div>
                        <el-button size="small" :type="ylOrJe == 'yl' ? 'primary' : 'default'" @click="ylChange('yl')">用量</el-button>
                        <el-button size="small" :type="ylOrJe == 'je' ? 'primary' : 'default'" @click="ylChange('je')">金额</el-button>
                    </div>
                </div> -->

                <div class="btns">
                    <el-button size="small" class="btn1" type="primary" @click="submitForm">统计</el-button>
                    <el-button size="small" class="btn2">重置</el-button>
                </div>
            </div>
        </div>
        <div class="rightContent" :class="dir == 'left' ? 'leftTable' : 'rightTable'">
            <div class="right-content-top">
                <div class="rightTitle">
                    <span>综合能耗统计报表</span>
                    <label> <i class="el-icon el-icon-upload2 download"></i>&nbsp;&nbsp;导出 </label>
                    <label> <i class="el-icon el-icon-printer printer"></i>&nbsp;&nbsp;打印 </label>
                </div>

                <!-- <div class="tableTitle">总用量</div> -->
                <div class="tableContent">
                    <el-table :data="tableData" size="small">
                        <el-table-column prop="roomName" label="建筑/房间名称" fixed width="100"> </el-table-column>
                        <el-table-column prop="ldNum" label="楼栋数量(栋)" width="100"> </el-table-column>
                        <el-table-column prop="bzAccount" label="总用能人数(个)" width="100"> </el-table-column>
                        <el-table-column prop="bzTime" label="统计时间" align="center" width="100"></el-table-column>

                        <el-table-column label="总用量" align="center">
                            <el-table-column
                                :prop="getYLProp(cItem)"
                                :label="getYLLabel(cItem)"
                                v-for="cItem in phIndexs"
                                v-bind:key="cItem"
                            >
                            </el-table-column>
                        </el-table-column>

                        <el-table-column label="总金额" align="center">
                            <el-table-column
                                :prop="getXJProp(cItem)"
                                :label="getXJLabel(cItem)"
                                v-for="cItem in phIndexs"
                                v-bind:key="cItem"
                            >
                            </el-table-column>
                        </el-table-column>

                        <el-table-column prop="hj" label="用量总金额" align="center" width="100"></el-table-column>
                        <el-table-column prop="yszje" label="营收总金额" align="center" width="100"></el-table-column>
                        <el-table-column prop="zczje" label="支出总金额" align="center" width="100"></el-table-column>
                    </el-table>
                </div>
            </div>
            <div class="right-content-bottom">
                <div class="title">
                    <label>统计时间：</label>
                    <span>2025年1月1日 - 2025年2月1日</span>
                </div>

                <div class="gjw-list">
                    <div v-if="tableData2.length == 0" class="noData">暂无数据</div>
                    <div v-else>
                        <div class="gjw-list-list">
                            <el-table :data="tableData2" border size="small" height="calc(100vh - 532px)" :span-method="arraySpanMethod">
                                <el-table-column prop="jzmc" label="建筑/房间名称" fixed width="150"> </el-table-column>
                                <el-table-column prop="bjlx" label="能源类别" width="100"> </el-table-column>
                                <el-table-column prop="dqss" label="用量" width="100">
                                    <template slot-scope="scope"> {{ scope.row.dqss }} {{ getUnit(scope.row.bjlx) }} </template>
                                </el-table-column>
                                <el-table-column prop="zzhye" label="金额（元）" width="120"> </el-table-column>
                                <el-table-column prop="bzzhye" label="标煤（KG）" width="120"> </el-table-column>
                                <el-table-column prop="zfzhye" label="补助额（元）" width="120"> </el-table-column>
                                <el-table-column prop="hxe" label="核销额（元）" width="120"> </el-table-column>
                                <el-table-column prop="yse" label="营收额（元）" width="120"> </el-table-column>
                                <el-table-column prop="zce" label="支出额（元）" width="120"> </el-table-column>
                                <el-table-column prop="bz" label="备注" fixed="right"> </el-table-column>
                            </el-table>
                        </div>
                        <div class="title">
                            <label>建筑/房间名称：</label>
                            <span>学生公寓</span>
                            <label>用量总金额（元）：</label>
                            <span>111111</span>
                            <label>营收总金额（元）：</label>
                            <span>22222</span>
                            <label>支出总金额（元）：</label>
                            <span>1000</span>
                        </div>
                        <div class="gjw-list-page">
                            <el-pagination
                                background
                                :layout="'prev, pager, next,total,sizes'"
                                :total="count"
                                :page-size="size"
                                :current-page="current"
                                @current-change="pageChange"
                                :page-sizes="[20, 50, 100, 200, 500]"
                                @size-change="handleSizeChange"
                            >
                                >
                            </el-pagination>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <arrowLeft @arrowChange="arrowChange"></arrowLeft>
    </div>
</template>

<script>
import treeSelect from '@/components/customComponents/customForm/treeSelect.vue'
import {LeftTree} from '@/mockData/monitorCenter.js'
import arrowLeft from '@/components/customComponents/arrowLeft'
import {PopupCommon} from '@/libs/popupCommon'
import timeCard from '@/components/timeCard/index'
export default {
    name: 'eCBAnalysis',
    components: {timeCard, treeSelect, arrowLeft},
    data() {
        return {
            count: 2,
            size: 20,
            current: 1,
            spanArr: [],
            tableData: [
                {
                    roomName: '学生公寓',
                    ldNum: '23',
                    bzAccount: '5000',
                    bzTime: '2025年1月1日',
                    yszje: '',
                    zczje: '',
                    yongliangs: 120,
                    yongliangd: 1300,
                    yongliangq: 160,
                    yongliangr: 180,

                    xiaojis: 101,
                    xiaojid: 1020,
                    xiaojiq: 104,
                    xiaojir: 106,

                    hj: ''
                }
            ],
            tableData2: [
                {
                    jzmc: '学生公寓1栋-1层-102',
                    zzhye: '222',
                    bzzhye: '0',
                    zfzhye: 11,
                    hxe: 11,
                    yse: 222,
                    zce: 11,
                    qfje: '213',
                    bjlx: '水',
                    dqss: 439,
                    bb: 1,
                    yezt: '正常',
                    sssf: '学生',
                    bjzxzt: '1',
                    bh: '23434234234',
                    cjsj: '2025-05-20 11:12:12',
                    wgh: '192.168.105.12',
                    status: '2',
                    bz: ''
                },
                {
                    jzmc: '学生公寓1栋-1层-106',
                    zzhye: '1212',
                    bzzhye: '0',
                    zfzhye: 212,
                    hxe: 11,
                    yse: 222,
                    zce: 11,
                    dqss: 1000,
                    bb: 1,
                    yezt: '正常',
                    qfje: '-6',
                    bjlx: '水',
                    sssf: '学生',
                    bjzxzt: '1',
                    bh: '23434234234',
                    cjsj: '2025-05-20 11:12:12',
                    wgh: '192.168.105.12',
                    status: '1',
                    bz: ''
                },
                {
                    jzmc: '学生公寓1栋-1层-108',
                    zzhye: '1212',
                    bzzhye: '0',
                    zfzhye: 12,
                    hxe: 11,
                    yse: 222,
                    zce: 11,
                    qfje: '-6',
                    bjlx: '水',
                    sssf: '学生',
                    bjzxzt: '2',
                    bh: '23434234234',
                    cjsj: '2025-05-20 11:12:12',
                    wgh: '192.168.105.12',
                    status: '2',
                    bz: '',
                    dqss: 456,
                    bb: 1,
                    yezt: '正常'
                }
            ],
            dir: 'left',
            yearValue: [],
            ylOrJe: 'yl',
            hy: '1',
            jzlb: '',
            mode: 'year',
            // monthrange daterange
            format: 'years',
            value1: '',
            curHeight: document.body.clientHeight - 590,
            phIndexs: [2],
            props: {
                // 配置项（必选）
                id: 'id',
                label: 'label',
                pid: 'parentId',
                children: 'children'
                // disabled:true
            },
            treeSelectList: LeftTree,
            parentId: '',
            isClearable: true, // 可清空（可选）
            isAccordion: false // 可收起（可选）
        }
    },
    computed: {},
    created() {
        this.getSpanArr(this.tableData2)
    },
    mounted() {
        // Utility.setPosition()
    },
    methods: {
        getUnit(type) {
            var value = ''
            if (type.indexOf('电') != -1 || type.indexOf('热') != -1) {
                value = 'KWH'
            } else {
                value = 'm³'
            }
            return value
        },
        /**
         * @description 👇合并行的计算方法
         * @param {array} data 数据列表
         */
        getSpanArr(data) {
            this.spanArr = [] // tip: 后台获取完成数据后，一定要重置spanArr=[],避免出现合并混乱！！！！！
            for (let i = 0; i < data.length; i++) {
                // 当为第一行时
                if (i === 0) {
                    this.spanArr.push(1)
                    this.pos = 0
                } else {
                    // 判断当前值是否与上一行的【名称】相等，相等则进行合并
                    if (data[i].jzmc === data[i - 1].jzmc) {
                        this.spanArr[this.pos] += 1 // 合并单元格：合并的行数 +1
                        this.spanArr.push(0) // 0代表单元格是不需要显示, 已经被合并的单元格
                    } else {
                        this.spanArr.push(1) // 1代表当前这行的数据需要被显示
                        this.pos = i
                    }
                }
            }
        },
        // 👇合并行和列 示例：第1列的“行”合并 & 第3列和第4列如果金额相等就“列”合并
        arraySpanMethod({row, column, rowIndex, columnIndex}) {
            // // 合并列方法 索引从0开始
            // if (columnIndex < 5) {
            //     console.log(row, column, rowIndex, columnIndex)
            //     var data = this.tableData2
            //     let count = data.filter((t) => t.jzmc == row.jzmc).length
            //     console.log(count, "count")
            //     // return {
            //     //     colspan: count > 1 ? count : 0
            //     // }
            // }
            if (columnIndex < 1) {
                console.log(row, column, rowIndex, columnIndex)
                const _row = this.spanArr[rowIndex] // 合并行数
                const _col = this.spanArr[rowIndex] > 0 ? 1 : 0 // 合并的列数
                return {
                    rowspan: _row,
                    colspan: _col
                }
            }
        },
        getXJProp(type) {
            var value = ''
            if (type == 1) {
                value = 'xiaojid'
            }
            if (type == 2) {
                value = 'xiaojis'
            }
            if (type == 3) {
                value = 'xiaojiq'
            }
            if (type == 4) {
                value = 'xiaojir'
            }
            return value
        },
        getYLProp(type) {
            var value = ''
            if (type == 1) {
                value = 'yongliangd'
            }
            if (type == 2) {
                value = 'yongliangs'
            }
            if (type == 3) {
                value = 'yongliangq'
            }
            if (type == 4) {
                value = 'yongliangr'
            }
            return value
        },
        getBJProp(type) {
            var value = ''
            if (type == 1) {
                value = 'bjlxd'
            }
            if (type == 2) {
                value = 'bjlxs'
            }
            if (type == 3) {
                value = 'bjlxq'
            }
            if (type == 4) {
                value = 'bjlxr'
            }
            return value
        },
        getBJLabel(type) {
            var value = ''
            if (type == 1) {
                value = '电表(个)'
            }
            if (type == 2) {
                value = '水表(个)'
            }
            if (type == 3) {
                value = '气表(个)'
            }
            if (type == 4) {
                value = '热表(个)'
            }
            return value
        },
        getYLLabel(type) {
            var value = ''
            if (type == 1) {
                value = '电(KWH)'
            }
            if (type == 2) {
                value = '水(m³)'
            }
            if (type == 3) {
                value = '气(m³)'
            }
            if (type == 4) {
                value = '热(KWH)'
            }
            return value
        },
        getXJLabel(type) {
            var value = ''
            if (type == 1) {
                value = '电（元）'
            }
            if (type == 2) {
                value = '水（元）'
            }
            if (type == 3) {
                value = '气（元）'
            }
            if (type == 4) {
                value = '热（元）'
            }
            return value
        },
        // 页码点击事件,p当前页
        handleSizeChange(e) {
            this.size = e
            this.current = 1
            // this.initPage()
        },
        // 分页点击事件
        pageChange(p) {
            this.current = p
            // this.initPage()
        },
        // 获取prop属性
        getProp(name, type) {
            var value = ''
            if (type == 1) {
                value = 'd'
            }
            if (type == 2) {
                value = 's'
            }
            if (type == 3) {
                value = 'q'
            }
            if (type == 4) {
                value = 'r'
            }
            return name + value
        },
        getLabel(name, type) {
            var value = ''
            if (type == 1) {
                value = '电'
            }
            if (type == 2) {
                value = '水'
            }
            if (type == 3) {
                value = '气'
            }
            if (type == 4) {
                value = '热'
            }
            return name + value
        },
        arrowChange(e) {
            this.dir = e
        },
        ylChange(yl) {
            this.ylOrJe = yl
        },
        getPh(index) {
            var index1 = this.phIndexs.findIndex((b) => b == index)
            return index1 > -1 ? 'btnItem hover' : 'btnItem'
        },
        submitForm() {},
        modeChange(mode) {
            this.mode = mode
            this.value1 = undefined
            if (mode == 'year') {
                this.format = 'year'
            }
            if (mode == 'month') {
                this.format = 'month'
            }
            if (mode == 'day') {
                this.format = 'daterange'
            }
        },
        changePh(index) {
            var phIndexs = this.phIndexs
            var index1 = phIndexs.findIndex((b) => b == index)
            if (index1 > -1) {
                phIndexs.splice(index1, 1)
            } else {
                phIndexs.push(index)
            }
            if (phIndexs.length == 0) {
                PopupCommon.notify('info', '至少选择一个类型')
                return
            }
            this.phIndexs = phIndexs
            // 改变数据源
            this.changeTableData()
        },
        changeTableData() {
            var tableData = JSON.parse(JSON.stringify(this.tableData2))
            let newTable = []
            tableData.forEach((t) => {
                this.phIndexs.forEach((b) => {
                    let newItem = JSON.parse(JSON.stringify(t))
                    var type = ''
                    if (b == 1) {
                        type = '电'
                    }
                    if (b == 2) {
                        type = '水'
                    }
                    if (b == 3) {
                        type = '气'
                    }
                    if (b == 4) {
                        type = '热'
                    }
                    // newItem.je todo

                    newItem.zzhye = (Math.random() * 100000).toFixed(2)
                    newItem.bzzhye = (Math.random() * 100000).toFixed(2)
                    newItem.zfzhye = (Math.random() * 100000).toFixed(2)
                    newItem.hxe = (Math.random() * 100000).toFixed(2)
                    newItem.yse = (Math.random() * 100000).toFixed(2)
                    newItem.zce = 0

                    newItem.bjlx = type
                    if (newTable.filter((n) => n.jzmc == newItem.jzmc && n.bjlx == type).length < 1) {
                        newTable.push(newItem)
                    }
                })
            })
            this.tableData2 = newTable
            this.getSpanArr(this.tableData2)
        },
        // 树形选择器 - 取值
        getValue(value) {
            // this.valueId = value
            console.log('getValue', value, this.valueId)
        }
    }
}
</script>

<style lang="scss" scoped>
@import '../../../style/statisticsReportCenter.scss';
</style>
